<extend name="common/base" />
<block name="resource">
    <script type="text/javascript">
        var matchDevice = /iphone|ipod|ipad|Windows Phone|android|mobile/i;
        if((matchDevice.test(navigator.userAgent.toLowerCase()))){
            location.href = "{:C('LOCAL_DOMAIN')}/download/mobile";
        }
    </script>
    <link rel="stylesheet" href="__ASSET__/Download/css/pc.css?v=1.0" type="text/css" />
    <link href="__ASSET__/Home/v4/src/css/public/jquery.mCustomScrollbar.min.css" rel="stylesheet">
    <link href="__ASSET__/Home/v4/src/css/public/video-pop.css" rel="stylesheet">
	  <script src="__ASSET__/Home/v4/lib/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <style>
       .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
           background:rgba(52,159,249,.85);
        }
        .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
              background:rgba(52,159,249,.85);
        }
        .version_body_title .page5_text_1_t{
             color:#666666;
             font-family:"宋体";
        }
        .sub_pc_title{
             color:#666666;
             font-family:"宋体";
        }

     </style>
</block>
<block name="content">
     <section class="page1 wow fadeIn" data-wow-duration="1s">
          <div class="icon_1 wow zoomIn"  data-wow-duration=".6s"></div>
          <div class="icon_2">
                   <p   class="text_1 wow fadeInUp" data-wow-duration="1s">66Play APP</p>
                   <p   class="title2 margin-10 margin-bottom-10 wow fadeInUp" style="text-align:left;text-indent:83px;" data-wow-duration="1s" data-wow-delay=".5s">好玩视频 · 片段直播 · 结交趣味伙伴</p>
                   <div class="page1_down_btn">
                         <ul>
                             <li><a  href="javascript:void(0)"  onclick="downloadplay('android')">Android 下载</a></li>
                             <li><a  href="javascript:void(0)" class="btn1" onclick="downloadplay('ios')">iPhone 下载</a></li>
                         </ul>
                   </div>
                   <div class="game_person">
                         <div class="person_1 wow fadeIn" data-wow-duration="1s"></div>
                         <div class="person_2 wow fadeIn" data-wow-duration="1s"  data-wow-delay=".5s"></div>
                         <div class="person_3 wow fadeIn" data-wow-duration="1s"  data-wow-delay=".6s"></div>
                   </div>
          </div>
    </section>
    <section  class="page1-1  wow fadeIn" data-wow-duration="1s">
            <div class="main_comtain">
                 <ul class="ul_intro">
                   <li class="wow zoomIn"  data-wow-duration="1.5s"  data-wow-delay="0.5s">
                         <div  class="icon_1"></div>
                         <p class="text_1">发现最好看的游戏微视频。蛋疼操作，暴走瞬间，与朋友一起666！</p>
                   </li>
                   <li class="wow zoomIn"  data-wow-duration="1.5s">
                         <div  class="icon_1 icon_2"></div>
                         <p class="text_1">首创片段式直播,浓缩比赛精华，告别熬夜，三分钟看完整场比赛!</p>
                   </li>
                   <li class="wow zoomIn"  data-wow-duration="1.5s">
                         <div  class="icon_1 icon_3"></div>
                         <p class="text_1">无需ROOT，还能开启色相头！妹子陪你玩手游！*此功能目前仅限Android APP</p>
                   </li>
                   <li class="wow zoomIn"  data-wow-duration="1.5s">
                         <div  class="icon_1 icon_4"></div>
                         <p class="text_1">结交趣味相投的小伙伴，分享游戏过程中的喜怒哀乐！</p>
                   </li>
                 </ul>
            </div>
    </section>
    <section  class="page2 wow fadeIn" data-wow-duration="1s">
           <div class="main_comtain">
                <div class="col-60 left show_mobile wow fadeIn" >
                     <div class="show_mobile_1 wow fadeIn" data-wow-duration="2s"></div>
                     <div class="page2_t1 wow zoomIn" data-wow-duration=".2s" data-wow-delay=".5s"></div>
                     <div class="page2_t2 wow zoomIn" data-wow-duration=".2s" data-wow-delay="1.2s"></div>
                     <div class="page2_t3 wow zoomIn" data-wow-duration=".3s" data-wow-delay="1.2s"></div>
                     <div class="page2_t4 wow zoomIn" data-wow-duration=".4s" data-wow-delay="1.3s"></div>
                     <div class="page2_t5 wow zoomIn" data-wow-duration="1s" data-wow-delay="1.4s"></div>
                </div>
                <div class="col-40 right wow fadeIn">
                     <p class="wow fadeInUp  play_video" data-wow-duration="1s"><span>1</span>好玩视频</p>
                     <p class="title4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">发现最好看的游戏微视频。</p>
                     <p class="title4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">蛋疼操作，暴走瞬间，与朋友一起666！</p>
                </div>
           </div>
    </section>
    <section  class="page3 wow fadeIn" data-wow-duration="1s">
           <div class="main_comtain">
                <div class="col-60 left">
                    <p class="wow fadeInUp  play_video" data-wow-duration="1s"><span>2</span>片段直播</p>
                    <p class="title4 margin-bottom-10 wow fadeInUp" style="margin-top:20px;"  data-wow-duration="1s" data-wow-delay=".5s">首创片段式直播，浓缩比赛精华，告别熬<br/>夜，三分钟看完整场比赛！</p>
                    <p class="title4 page4_text wow fadeInUp"    data-wow-duration="1s" data-wow-delay="1s">观看一场游戏比赛耗时对比</p>
                    <div class="pages_time wow zoomIn" data-wow-duration=".5s" data-wow-delay="1.2s"></div>
                </div>
                <div class="col-40 right page3_m wow slideInRight" data-wow-duration="1s"></div>
           </div>
    </section>
    <section class="page4 wow fadeIn" data-wow-duration="1s">
           <div class="main_comtain">
                 <p  class="wow fadeInUp page4_text_1" data-wow-duration="1s"><span>3</span>手机录屏</p>
                 <p class="title4 center wow fadeInUp"    data-wow-duration="1s" data-wow-delay="0.5s">无需ROOT，还能开启“色相头”！</p>
                 <p class="title4 center wow fadeInUp"    data-wow-duration="1s" data-wow-delay="0.5s">妹子陪你玩手游！</p>
                 <p class="title4 center page4_text_3 wow fadeInUp"   data-wow-duration="1s" data-wow-delay="0.5s">*此功能目前仅限Android APP</p>
                 <div class="page4_img_1 wow zoomIn" data-wow-duration="0.3s" data-wow-delay="1.2s"></div>
           </div>
    </section>
    <section class="page5 wow fadeIn" data-wow-duration="1s">
           <div class="main_comtain">
                 <div class="col-40 left">
                      <p  class="wow fadeInUp page4_text_1 page4_text_4" data-wow-duration="1s"><span>4</span>趣味伙伴</p>
                      <div  class="wow fadeInUp title4" data-wow-duration="1s" data-wow-delay="0.5s">结交趣味相投的小伙伴，</div>
                      <div  class="wow fadeInUp title4" data-wow-duration="1s" data-wow-delay="0.8s">分享游戏过程中的喜怒哀乐！</div>
                 </div>
                 <div class="col-60 right">
                       <div class="page5_x_1 wow zoomIn"  data-wow-duration="1s"></div>
                       <div class="page5_x_1 page5_x_2 wow zoomIn"  data-wow-duration="1s" data-wow-delay="0.7s"></div>
                       <div class="page5_x_3 wow zoomIn" data-wow-duration="1s" data-wow-delay="1s"></div>
                 </div>
           </div>
    </section>
    <section class="page6 wow fadeIn" data-wow-duration="1s">
          <div class="main_comtain">
               <p  class="wow fadeInUp page4_text_1" data-wow-duration="1s">更新日志</p>
               <p class="page4_text_2 wow fadeInUp"  data-wow-duration="1s" data-wow-delay="0.5s">66Play APP的更新情况将第一时间在此呈现，为</p>
               <p class="page4_text_2 wow fadeInUp"  data-wow-duration="1s" data-wow-delay="0.5s">小伙伴们带来更好的体验是我们一直以来的追求</p>
               <p class="page4_text_2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">和目标。</p>
               <div class="version_info">
               	     <div class="version_info_l left">
               	     	  <p class="version_info_title">Android端 APP</p>
               	     	  <div class="version_info_show">
                            <volist name="logs.android" id="log_data">
               	     	  	  <table style="width:100%;">
               	     	  	  	  <tr>
               	     	  	  	  	   <th class="version_head_4">{$log_data[0].year}年<div class="triangle-down"></div></th>
               	     	  	  	  	   <th class="version_head_6"></th>
               	     	  	  	  </tr>
                                <volist name="log_data" id="log">
               	     	  	  	   <tr>
               	     	  	  	  	   <td class="version_head_4 version_body_title" style="vertical-align:top;">
               	     	  	  	  	   	         <span></span>
               	     	                         <p class="page5_text_1_t">{$log.public_date}</p>
               	     	                         <p class="page5_text_1_t">版本:{$log.outer_version}</p>
               	     	  	  	  	   </td>
               	     	  	  	  	   <td class="version_head_6">
               	     	  	  	  	   	          <p class="sub_pc_title sub_pc_title_1">{$log.detail}</p>
                                                <volist name="log.log" id="l">
                                                    <p class="sub_pc_title">{$l}</p>
                                                </volist>
               	     	  	  	  	   </td>
               	     	  	  	  </tr>
                                </volist>
               	     	  	  </table>
                            </volist>
               	     	  </div>
               	     </div>
               	      <div class="version_info_l right">
               	     	  <p class="version_info_title">iPhone端 APP</p>
               	     	  <div class="version_info_show">
               	     	  	  <volist name="logs.ios" id="log_data">
                            <table style="width:100%;">
                                <tr>
                                     <th class="version_head_4">{$log_data[0].year}年<div class="triangle-down"></div></th>
                                     <th class="version_head_6"></th>
                                </tr>
                                <volist name="log_data" id="log">
                                 <tr>
                                     <td class="version_head_4 version_body_title" style="vertical-align:top;">
                                               <span></span>
                                               <p class="page5_text_1_t">{$log.public_date}</p>
                                               <p class="page5_text_1_t">版本:{$log.outer_version}</p>
                                     </td>
                                     <td class="version_head_6">
                                                <p class="sub_pc_title sub_pc_title_1">{$log.detail}</p>
                                                <volist name="log.log" id="l">
                                                    <p class="sub_pc_title">{$l}</p>
                                                </volist>
                                     </td>
                                </tr>
                                </volist>
                            </table>
                            </volist>
               	     	  </div>
               	     </div>
               </div>
          </div>
    </section>
</block>
<block name="script">
      <script>
        function downloadplay(type){
            var   code_img='<img src="__ASSET__/Home/v4/src/images/erweima.png" width="100%" alt="扫描下载66playAPP">';
            var   code_img_url="__ASSET__/Home/v4/src/images/erweima.png";
                /* */
                imgLoadEvent(code_img, code_img_url)
            _hmt.push(['_trackEvent', 'APP下载', 'APP下载页', type]);
        } 

        function imgLoadEvent(code_img, code_img_url) {   //圖片事件加載
                var img = new Image();
                img.onload = function () {
                  if (this.complete == true)  {
                        layer.open({
                            type: 1,
                            title: false,
                            closeBtn: 1,
                            shadeClose: true,
                            content:code_img
                       });
                  }
                }
                img.onerror = function () {
                }
                img.src = code_img_url;
       }
       wow = new WOW({
          boxClass:     'wow',      // default
          animateClass: 'animated', // default
          offset:       0,          // default
          mobile:       true,       // default
          live:         true        // default
      })
      wow.init();
      $(window).scroll(function() {
          if($(window).scrollTop()>=100){
              $("#headernav").addClass("header_nav");
          }else{
              $("#headernav").removeClass("header_nav");
          }
     });
      $(function(){
         $(".version_info_show").mCustomScrollbar();  	  
      })
     </script>
</block>